﻿@model HelloMinasan.Web.Song.ViewModels.EditUserModel

@{
    ViewBag.Title = "EditProfiles";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<script type="text/javascript">
    $(document).ready(function ()
    { $('#dateTimeBirthday').datepicker({ dateFormat: "mm/dd/yy" }); });
</script>

<link href="@Url.Content("~/Content/jquery-ui.css")" rel="stylesheet" />
<h1 class="titleNewFont"><img src="@Url.Content("~/Content/Images/user.png")" /> Update Account</h1>
@using (Html.BeginForm("EditProfiles", "UserManagement",FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.ValidationSummary()
    @Html.HiddenFor(x => x.Username);
    <!-- InstanceBeginEditable name="EditRegion2" -->
    <div style="display:table; width:100%">
    <div class="dockPanelLeft">
        @Html.Partial("Navigation", 0) 
    </div>
    <table class="inputForm contentSectionInside" style="width:700px;float:right;margin-right:10px;">
        <tbody>
            <tr>
                <th class="th100" align="left" style="width:150px;">
                    @Html.LabelFor(m => m.UserStatus)<span class="requirement">(*)</span>
                </th>
                <td>
                    @Html.TextBoxFor(m => m.UserStatus, new { style = "width: auto; padding-left: 5px;", maxlength = 150 })
                </td>
            </tr>
            <tr>
                <th class="th100" align="left" style="width:150px;">
                    @Html.LabelFor(m => m.Fullname)<span class="requirement">(*)</span>
                </th>
                <td>
                    @Html.TextBoxFor(m => m.Fullname, new { style = "width: 50%; padding-left: 5px;", maxlength = 50 })
                </td>
            </tr>
            <tr>
                <th class="th100" align="left" style="width:150px;">
                    @Html.LabelFor(m => m.Email)<span class="requirement">(*)</span>
                </th>
                <td>
                    @Html.TextBoxFor(m => m.Email, new { style = "width: 50%; padding-left: 5px;", maxlength = 50 })
                    @Html.ValidationMessageFor(m => m.Email)
                </td>
            </tr>
            <tr>
                <th class="th100" align="left">
                    @Html.LabelFor(m => m.DateOfBirth)<span class="requirement">(*)</span>
                </th>
                <td>
                    @Html.TextBoxFor(m => m.DateOfBirth, new { style = "text-align: center; float:left; padding-left: 5px;", maxlength = 50, id = "dateTimeBirthday", @Value = Model.DateOfBirth.ToString("MM/dd/yyy"), @class="txtdatepicker" })<p style="margin-left: 10px; float:left;">(MM/dd/yyyy)</p>
                    @Html.ValidationMessageFor(m => m.DateOfBirth)
                </td>
            </tr>
            <tr>
                <th class="th100" align="left">
                    @Html.LabelFor(m => m.Descriptions)<span class="requirement">(*)</span>
                </th>
                <td>
                    @Html.TextAreaFor(m => m.Descriptions, new { @class = "textareaClass", style = "width: 50%; padding-left: 5px;", maxlength = 50 })
                    @Html.ValidationMessageFor(m => m.Descriptions)
                </td>
            </tr>
            <tr>
                <th class="th100" align="left">
                    @Html.LabelFor(m => m.Avatar)<span class="requirement">(*)</span>
                </th>
                <td>
                    @Html.TextBoxFor(m => m.ImageFile, new { type = "file" })
                </td>
            </tr>
            <tr>
                <td></td>
                <td colspan="2"><br /><input type="submit" class="buttonClass" value="Update" /> @ViewBag.Message</td>
            </tr>
        </tbody>
    </table>

    </div>
                                                         }
